:where(.css-dev-only-do-not-override-xu9wm8).ant-card .ant-card-meta-title {
  color: rgba(255, 255, 255, 0.88);
  font-size: 16px;
}
:where(.css-dev-only-do-not-override-xu9wm8).ant-card
  .ant-card-meta-description {
  color: rgb(250 250 250 / 45%);
}
:where(.css-dev-only-do-not-override-xu9wm8).ant-card .ant-card-body {
  padding: 8px;
  border-radius: 0 0 10px 10px;
  background-color: #252632;
  opacity: 1;
}
:where(.css-dev-only-do-not-override-xu9wm8).ant-card
  .ant-card-meta-detail
  > div:not(:last-child) {
  margin-bottom: 12px;
}
:where(.css-dev-only-do-not-override-xu9wm8).ant-col-6 {
  flex: 0 0 20%;
}

.card-component {
  will-change: transform;
  transition: 300ms;
  // visibility: hidden;
  &:hover {
    // box-shadow: 0 0 30px 5px rgba(255, 255, 255, 0.3);
    transform: scale(1.02);
  }
  .ant-card-meta-title {
    will-change: color;
    transition: 300ms;
    &:hover {
      color: #d44e7a;
    }
  }
}
